﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="index.aspx.cs" Inherits="footwear.index" %>
<%@ Import Namespace="footwear" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Foot-were</title>
    <link rel="stylesheet" href="css/Master.css"/>
    <script type="text/javascript" src = "js/jquery.min.js"></script>
	<script type="text/javascript" src = "js/main.js"></script>
</head>
<body>
    <form id="form1" runat="server">
    <div id = "Master">
	    <div id = "MasterContent">
			<div class = "Left MasterDiv">
				<input type = "text" class = "SearchBox Left"/>
				<span class = "Searchbtn Left"></span>
			</div>
			<div class = "Right MasterDiv">
				<ul id = "TopRightMenu">
					<li><a href = "index.aspx"><span class = "Vie">Trang chủ</span><span class = "Eng">Home</span></a></li>
					<li><a href = "#"><span class = "Vie">Liên hệ</span><span class = "Eng">Contact</span></a></li>
					<li><a href = "#"><span class = "Vie">Giới thiệu</span><span class = "Eng">Intro</span></a></li>
					<li><img src = "images/cart.png" width = "20" alt="CART"/></li>
					<li><a href = "#"><span class = "Vie">Giỏ hàng (0)</span><span class = "Eng">Your cart(0)</span></a></li>
				</ul>
			</div>
			<div class = "Center MasterDiv" id = "TopCenter">
				<div class = "Left TwoTopbtn"><a href = "ListProduct.aspx?category=all"><div id = "BigLeft"></div></a></div>
				<div class = "Right TwoTopbtn"><div id = "BigRight"></div></div>
			</div>
		</div>
	</div>
	<div id = "HibridMenu" class = "Center">
		<div class = "Left">
			<ul class = "Right">
				<li id = "Fashihon" class = "NewMenu imgRight"></li>
				<li id = "Profession" class = "NewMenu imgRight"></li>
			</ul>
		</div>
		<div class = "Right">
			<ul class = "Left">
				<li id = "Morden" class = "NewMenu imgLeft"></li>
				<li id = "Eff" class = "NewMenu imgLeft"></li>
			</ul>
		</div>
		<div class = "Center" id = "CenterHibrid"></div>
	</div>
    <div id = "HiddenMenu">
		<ul id = "SpecUl">
		    <li class = "MidBig">
			    <a href = "ListProduct.aspx?category=<%=listCategoryShowIndex[0].Id %>" class = "abig"><%=listCategoryShowIndex[0].Type %> ></a>
			    <ul>
					<li><a href = "Sanpham.aspx?code=<%=listCategory1[0].Code %>"><%=listCategory1[0].Name %> </a></li>
					<li><a href = "Sanpham.aspx?code=<%=listCategory1[1].Code %>"><%=listCategory1[1].Name %> </a></li>
					<li><a href = "Sanpham.aspx?code=<%=listCategory1[2].Code %>"><%=listCategory1[2].Name %> </a></li>
				</ul>
			</li>
			<li class = "MidBig">
				<a href = "ListProduct.aspx?category=<%=listCategoryShowIndex[1].Id %>" class = "abig"><%=listCategoryShowIndex[1].Type %> ></a>
			    <ul>
					<li><a href = "Sanpham.aspx?code=<%=listCategory2[0].Code %>"><%=listCategory2[0].Name %> </a></li>
					<li><a href = "Sanpham.aspx?code=<%=listCategory2[1].Code %>"><%=listCategory2[1].Name %> </a></li>
					<li><a href = "Sanpham.aspx?code=<%=listCategory2[2].Code %>"><%=listCategory2[2].Name %> </a></li>
				</ul>
			</li>
			<li class = "MidBig">
				<a href = "ListProduct.aspx?category=<%=listCategoryShowIndex[2].Id %>" class = "abig"><%=listCategoryShowIndex[2].Type %> ></a>
			    <ul>
					<li><a href = "Sanpham.aspx?code=<%=listCategory3[0].Code %>"><%=listCategory3[0].Name %> </a></li>
					<li><a href = "Sanpham.aspx?code=<%=listCategory3[1].Code %>"><%=listCategory3[1].Name %> </a></li>
					<li><a href = "Sanpham.aspx?code=<%=listCategory3[2].Code %>"><%=listCategory3[2].Name %> </a></li>
				</ul>
			</li>
			<li class = "MidBig">
				<a href = "ListProduct.aspx?category=<%=listCategoryShowIndex[3].Id %>" class = "abig"><%=listCategoryShowIndex[3].Type %> ></a>
			    <ul>
					<li><a href = "Sanpham.aspx?code=<%=listCategory4[0].Code %>"><%=listCategory4[0].Name %> </a></li>
					<li><a href = "Sanpham.aspx?code=<%=listCategory4[1].Code %>"><%=listCategory4[1].Name %> </a></li>
					<li><a href = "Sanpham.aspx?code=<%=listCategory4[2].Code %>"><%=listCategory4[2].Name %> </a></li>
				</ul>
			</li>
		</ul>
	</div>
    <% var posterAdsBus = new PosterAdsBus();
       var listAds = posterAdsBus.GetListAds();%>
	<div id = "MiddleContainer">
        <div class = "BoxMoving" id = "Bigest"></div>
		<div class = "BoxMoving Medium" id = "Box6">
			<div class = "BoxBottom">
				<div class = "BoxName"><%=listAds[0].Title %></div>
				<div class = "BoxDescript"><%=listAds[0].Description %></div> 
				<a href = "#"><span class = "Vie">Chi tiết >></span><span class = "Eng">Detail >></span></a>
			</div>
		</div>
		<div class = "BoxMoving Medium"  id = "Box1">
			<div class = "BoxBottom">
				<div class = "BoxName"><%=listAds[1].Title %></div>
				<div class = "BoxDescript"><%=listAds[1].Description %></div> 
				<a href = "#"><span class = "Vie">Chi tiết >></span><span class = "Eng">Detail >></span></a>
			</div>
		</div>
		<div class = "BoxMoving Medium" id = "Box3">
			<div class = "BoxBottom">
				<div class = "BoxName"><%=listAds[2].Title %></div>
				<div class = "BoxDescript"><%=listAds[2].Description %></div> 
				<a href = "#"><span class = "Vie">Chi tiết >></span><span class = "Eng">Detail >></span></a>
			</div>
		</div>
		<div class = "BoxMoving Medium" id = "Box4">
			<div class = "BoxBottom">
				<div class = "BoxName"><%=listAds[3].Title %></div>
				<div class = "BoxDescript"><%=listAds[3].Description %></div> 
				<a href = "#"><span class = "Vie">Chi tiết >></span><span class = "Eng">Detail >></span></a>
			</div>
		</div>
		<div class = "BoxMoving Medium" id = "Box2">
			<div class = "BoxBottom">
				<div class = "BoxName"><%=listAds[4].Title %></div>
				<div class = "BoxDescript"><%=listAds[4].Description %></div> 
				<a href = "#"><span class = "Vie">Chi tiết >></span><span class = "Eng">Detail >></span></a>
			</div>
		</div>
		<div class = "BoxMoving Medium" id = "Box5">
			<div class = "BoxBottom">
				<div class = "BoxName"><%=listAds[5].Title %></div>
				<div class = "BoxDescript"><%=listAds[5].Description %></div> 
				<a href = "#"><span class = "Vie">Chi tiết >></span><span class = "Eng">Detail >></span></a>
			</div>
		</div>
	</div>
	<div id = "Bottom"  class = "Center">
		<div class = "Center" id = "HibridBot">
			<div class = "HibridBot Left">Dép trẻ em</div>
			<div class = "HibridBot Left">Dép xỏ ngón</div>
			<div class = "HibridBot Left">Dép xốp</div>
			<div class = "HibridBot Left">Tấm EVA</div>
		</div>
		<ul class = "Center">
			<li><img src = "images/icon-jpeg.png" alt = "small logo"/></li>
            <li><a href = "#"><span class = "Vie">Trang chủ</span><span class = "Eng">Home</span></a></li>
			<li><a href = "#"><span class = "Vie">Liên hệ</span><span class = "Eng">Contact</span></a></li>
			<li><a href = "#"><span class = "Vie">Giới thiệu</span><span class = "Eng">Intro</span></a></li>
			<li><a href = "#"><span class = "Vie">Sản phẩm</span><span class = "Eng">Products</span></a></li>
			<li><a href = "#"><span class = "Vie">Điều khoản</span><span class = "Eng">Policy</span></a></li>
			<li><a href = "#"><span class = "Vie">Thanh toán</span><span class = "Eng">Payments</span></a></li>
		</ul>
	</div>
    </form>
</body>
</html>
